<div class="container searchmeal">
    <div class="row">
        <div class="clearfix">
            <div class="col-md-10 col-lg-10">
                <h3>Today's Lunch Options ( 30 Nov 2014 )</h3>
            </div>
            <div class="col-md-2 col-lg-2">
                <div ng-controller="postOrderController">
                    <a class="btn btn-primary" href="#/mycart" ng-hide="showSearchBar != true">My Cart</a>
                </div>
            </div>
        </div>
        <div class="sortby_meallist clearfix">
        <div class="sortby col-md-3 col-lg-3">
            <div class="sortby_title"><h3>Sort By</h3></div>
            <div class="cell_box filter_options_accordian">
                <h4>Popularity</h4>
                <div class="sort_items">
                    <p><input type="checkbox" name="vehicle" value="Bike">Popularity - high to low</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Popularity - high to low</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Rating - high to low</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Cost - high to low</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Cost - low to high</p>
                </div>
            </div>
            <div class="cell_box filter_options_accordian">
                <h4>Cost</h4>
                <div class="sort_items">
                    <p><input type="checkbox" name="vehicle" value="Bike">Rs 100 -200</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Rs 200 - 300</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Rs 300-400</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Rs 400-500</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Rs 500-750</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Rs 750 - 1000</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">>Rs 1000</p>
                </div>
            </div>
            <div class="cell_box filter_options_accordian">
                <h4>Cuisine</h4>
                <div class="sort_items">
                    <p><input type="checkbox" name="vehicle" value="Bike">North Indian (148)</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Chinese (231)</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Fast Food (225)</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">South Indian (186)</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Street Food (75)</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Gujrati (320)</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Maharashtrian (182)</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Others (276)</p>
                </div>
            </div>
            <div class="cell_box filter_options_accordian">
                <h4>Popular Locations</h4>
                <div class="sort_items">
                    <p><input type="checkbox" name="vehicle" value="Bike">Aundh-Baner (148)</p>
                    <p><input type="checkbox" name="vehicle" value="Bike">Viman Nagar (231)
                    <p><input type="checkbox" name="vehicle" value="Bike">Camp (225)
                    <p><input type="checkbox" name="vehicle" value="Bike">Koregaon Park (186)
                    <p><input type="checkbox" name="vehicle" value="Bike">Kothrud (75)
                </div>
            </div>
        </div>
        
        <div class="col-md-9 col-lg-9">
            <div class="meal_list list_view">
                <!--Repeat this below meal box ----START -->
<!--                <div class="meal clearfix">
                    <div class="row">
                        <div class="col-lg-2 col-md-2">
                            <div class="image_block">
                                <img class="img-responsive" src="views/images/lunch.jpg" />
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7">
                            <div class="meal_information">
                                <h3>Special Maharashtrian Thali</h3>
                                <p>2 Chapati’s, Matar Paneer, Aalu Gobhi, Dal Tadka, Gulab Jamun</p>
                                <div>
                                    <span>Rs 300</span>
                                    <span>5 Available</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 ">
                            <div class="meal_owner">
                                <h4>Ruchi Pugalia</h4>
                                <p>Baner, Pune</p>
                                <div>170 Reviews</div>
                            </div>
                        </div>
                    </div>
                </div>-->
<!--                <div class="meal clearfix">
                    <div class="row">
                        <div class="col-lg-2 col-md-2">
                            <div class="image_block">
                                <img class="img-responsive" src="views/images/lunch.jpg" />
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7">
                            <div class="meal_information">
                                <h3>Special Maharashtrian Thali</h3>
                                <p>2 Chapati’s, Matar Paneer, Aalu Gobhi, Dal Tadka, Gulab Jamun</p>
                                <div>
                                    <span>Rs 300</span>
                                    <span>5 Available</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 ">
                            <div class="meal_owner">
                                <h4>Ruchi Pugalia</h4>
                                <p>Baner, Pune</p>
                                <div>170 Reviews</div>
                            </div>
                        </div>
                    </div>
                </div>-->
                <!--Repeat this above meal box ----END -->
                <div class="meal clearfix" ng-repeat="item in meals | filter:search.mealname | filter: {chefAddress:search.area}">
                    <div class="row">
                        <div class="col-lg-2 col-md-2">
                            <div class="image_block">
                                <img class="img-responsive" src="views/images/lunch.jpg" />
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7">
                            <div class="meal_information">
                                <h3><a href="#/viewMeal/{{item.mealId}}">{{item.mealName}}</a></h3>
                                <p>{{item.mealItems}}</p>
                                <div>
                                    <span>Rs. {{item.price}}</span>
                                    <span>{{item.availableQuantity}} Available</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 ">

                            <div class="chef_info ">
                                <div><strong class="ng-binding">{{item.chefName}}</strong></div>
                                <div class="ng-binding">{{item.chefAddress}}</div> 
                                <div class="ng-binding">{{item.noofreviews}} Reviews</div>
                                <div><strong class="ng-binding">{{item.rating | number:2}}</strong> / 5 Ratings</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>